<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
</head>
<body>
   <button id="btn">点击按钮请求数据</button>
   <script type="text/javascript">
      $(function () {
          //点击按钮进行网络请求
          $("#btn").click(function () {
              console.log("aaa");
              //如果dataType的值是json，那么请求地址的后边需要手动拼接callback
              //如果dataType的值是jsonP,那么请求地址的后边可以不添加callback，因为
              //jquery内部会给你自动添加callback参数
              $.ajax({
                  url:"http://baike.baidu.com/api/openapi/BaikeLemmaCardApi?scope=103&format=json&appid=379020&bk_key=三生三世十里桃花&bk_length=600",
                  method:"get",
                  dataType:"jsonp",
                  success:function (data) {
                      console.log(111);
                      console.log(data);
                  }

              });
          });
      });
   </script>
</body>
</html>